<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>四月新番自动推荐姬 alpha</title>
		<link type="text/css" href="css/flick/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>


	<style>
	ul{list-style-type: none;}
	*{margin:0; padding:0; border:0; font-family:微软雅黑;}
	#container {width:80%;margin:10% auto; text-align:center;}
	#username { width:400px; height:80px; font-size:60px; text-align:center; background:#eee;}
	#submit {width:400px; height:80px; font-size:40px; margin-top:20px;}
	#result { font-size:40px; margin-top:20px; }
	#dialog { margin-left:20px; padding-left:30px;}
	#small { font-size:9px; margin-top:10px; text-align:center;}
	em { color:red;}
	</style>
	</head>
	<body>
	<div id="container">
	<p>
	<input id="username" autocomplete="off" type="text" value="输入用户id"/>
	</p>
	<p>
	<button id="submit">开始推荐</button>
	
	

	</p>

<div id="dialog" title="检测结果(按照推荐程度从高到低排序)">

	
</div>
	</div>
	

	</body>
	
			<script type="text/javascript">
$(function() {
  $("#dialog").dialog({autoOpen:false, show:"blind", hide:"explode", minWidth:600, Height:200});
  $("#submit").button();

  $("#submit").click(function() {
    var a = $("#username").val();
    a != "" && ($("#username").attr("disabled", true), $.get(a, function(a) {
      $("#dialog").html(a);
      $("#dialog").dialog("open")
    }).success(function() {
    }).error(function() {
    }).complete(function() {
      $("#username").attr("disabled", false)
    }));
    return false
  })
});
		</script>
</html>


